var option4 = "",
    charts5 = "",
    LineData = "";
getLineData3(); // 获取数据

function getLineData3() {
    $.ajax({
        url: "http://188.131.167.236:9000/getGameStats", //json文件位置
        type: "GET", //请求方式为get
        dataType: "json", //返回数据格式为json
        success: function(result) { //请求成功完成后要执行的方法
            if (!result) return;
            LineData = splitData3(result); //数据处理
            getLine3();
        }
    })
}
//数组处理
function splitData3(rawData) {
    var datas1 = [];
    var times = [];
    for (var i = 0; i < rawData.length; i++) {
        datas1.push(rawData[i].online);
        times.push(rawData[i].week);
    }
    return {
        datas1: datas1, //第一条曲线
        times: times, //时间
    }
}
function getLine3() {
    option4 = {
        title: {
            text: ''
        },
        tooltip: {
            trigger: 'axis'
        },
        toolbox: {
            feature: {
                magicType: {show: true, type: ['line', 'bar']},

            }
        },
        legend: {

        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true,
            // top:200,
            // x:45,
            // x2:30,
            // y2:60,
            // height:250,


        },
        toolbox: {
            show: true,
            feature: {
                magicType: {type: ['line', 'bar']},
            }
        },
        xAxis: {
            axisLabel: {
                textStyle: {
                    color: '#fff',//坐标轴颜色
                    fontSize : 10   //坐标轴文字大小
                },
                formatter : function(params){
                    var newParamsName = "";// 最终拼接成的字符串
                    var paramsNameNumber = params.length;// 实际标签的个数
                    var provideNumber = 6;// 每行能显示的字的个数
                    var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整
                    /**
                     * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
                     */
                    // 条件等同于rowNumber>1
                    if (paramsNameNumber > provideNumber) {
                        /** 循环每一行,p表示行 */
                        for (var p = 0; p < rowNumber; p++) {
                            var tempStr = "";// 表示每一次截取的字符串
                            var start = p * provideNumber;// 开始截取的位置
                            var end = start + provideNumber;// 结束截取的位置
                            // 此处特殊处理最后一行的索引值
                            if (p == rowNumber - 1) {
                                // 最后一次不换行
                                tempStr = params.substring(start, paramsNameNumber);
                            } else {
                                // 每一次拼接字符串并换行
                                tempStr = params.substring(start, end) + "\n";
                            }
                            newParamsName += tempStr;// 最终拼成的字符串
                        }

                    } else {
                        // 将旧标签的值赋给新标签
                        newParamsName = params;
                    }
                    //将最终的字符串返回
                    return newParamsName
                }

            },
            // boundaryGap: ['5%', '5%'],
            type: 'category',
            data: LineData.times,
            boundaryGap: ['15%', '5%'],
            axisLine: {
                lineStyle: {
                    color: "#fff",
                    width: '2',
                    type: 'soild'
                },



            }
        },
        yAxis: [
            {
                type: 'value',
                name: '人数',
                min: 9000000,
                max: 21000000,
                interval: 3000000,
                axisLine: {
                    lineStyle: {
                        color: "#fff",
                        width: '2',
                        type: 'soild'
                    },
                    axisLabel: {
                        textStyle: {
                            color: '#fff',
                        }
                    }
                },

                axisLabel: {
                    formatter: '{value} 人'
                }
            },
        ],


        series: [
            {
                name: '',
                type: 'line',
                stack: '总量1',
                data: LineData.datas1,
                markPoint: {
                    data: [
                        {type: 'max', name: '最大值'},
                        {type: 'min', name: '最小值'}
                    ]
                },
            }


        ]
    };
    //初始化echarts实例
    charts5 = echarts.init(document.getElementById('charts5'));
    // 使用制定的配置项和数据显示图表
    charts5.setOption(option4);
}